<!DOCTYPE html>
<html class="no-js" xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<!--在XML里，使用“xml:lang” 方便屏幕阅读器-->
<head>
	<title>DFish3.0</title>
	<meta charset="UTF-8" />
	<link rel="shortcut icon" href="./dfish/ui/g/favicon.ico">
	<!--指定字符编码-->
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/>
	<!--整个页面宽度等于手机可视宽度-->
	<meta name="keywords" content="符合无障碍标准" />
	    <script src="dfish/dfish.js"></script>
    <script>
		dfish.noConflict();
    	dfish.init({
    		path: '/dfish3/', //工程目录。以下定义的目录如果不是以"/"开头，那么都基于本目录
    		lib:  'dfish/',  //dfish包目录
    		//表单验证效果 可选值: red,tip,alert
    		validate_effect: 'red,tip',
    		// 模板ID
    		template: 'std',
    		// alert和confirm的提示框模板ID
    		template_alert: 'alert',
    		template_src: 'demo/template?tempId=$0',
    		// 皮肤
    		skin: { // 皮肤
    			dir: 'css/',
    			theme: 'classic',
    			color: 'blue'
    		},
    		// 每个 widget 类都可以定义默认属性，以 widget type 作为 key
    		default_option: {
    			alert : { btncls : 'btn' },
    			confirm : { btncls : 'btn' },
    			button : { cls : 'btn' }
    		},
    		debug: true
    	});
    	dfish.require.css('m/demo/demo.css');
    	var login = dfish.require('m/login/login.js');
    	$(document).ready(function(){
    		dfish.vm().cmd({type:'submit',src:'login/doLogin'});
    	});
    	
    	function get_w() {}
    </script>
	
    <!--无障碍标签要求：title中的内容应包含<h1></h1>中的内容-->
    <link rel="stylesheet" type="text/css" href="m/index/style/themes.css" />
    <link rel="stylesheet" type="text/css" href="m/index/style/layout.css" />
    <link rel="stylesheet" type="text/css" href="m/index/style/master.css" />
    <link rel="stylesheet" type="text/css" href="m/index/style/index.css" />
    <link rel="stylesheet" type="text/css" href="m/index/style/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="m/index/style/idangerous.swiper.css">
    <script src="m/index/javascript/es5-shim-2.1.0.min.js"></script><!--LESS兼容在IE9以下下面使用JS-->
    <script src="m/index/javascript/vendor/modernizr.js"></script>
    <script src="m/index/javascript/jquery-1.11.3.js"></script>
    <script src="m/index/javascript/less-1.7.3.min.js"></script><!--LESS用到的JS-->
	<!--视频相关CSS和JS文件-->
    <link href="m/index/video/mediaelementplayer.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="m/index/video/mediaelement-and-player.min.js"></script>
    <!--IE内支持媒体查询-->
    <!--[if IE]>
    <script src="m/index/javascript/respond.min.js"></script>
    <![endif]-->
    

</head>
<body>

<div id="layout" class="layout" ><!--页面切换效果样式-->
    <div id="frame_m_wrapper" class="m_wrapper" data-set="menu_">
        <div id="frame_wrapper" class="wrapper">
            <div id="frame_header" class="header" include="m/index/style/include.html">
                <div id="frame_top_bar" class="row top_bar">
                    <div class="menu-button cross">
                        <div class="bar"></div>
                        <div class="bar"></div>
                        <div class="bar"></div>
                    </div>
                    <div id="data_logo" class="logo">
                            <span>
                                <a href="bbs_index.html"><img src='css/g/logo-white.png' /></a>
                                <em class="hide_for_large">Dfish首页</em>
                            </span>
                    </div>
                    <div id="data_login" class="user">
                        <div class="menu-button_1">
                            <div class="bar"></div>
                            <div class="bar"></div>
                            <div class="bar"></div>
                        </div>
                        <d:wg>
                          {
							"type":"buttonbar","id":"loginBar","style":"padding:0 5px;color:#FFF;","width":"92","height":75,"wmin":10,"pub":{"cls":"f-button-link"},"nodes":[
								{
									"type":"button","text":"登录","on":{
										"click":"this.cmd({type:'ajax',src:'login/toLogin'});"
									},"icon":".user-profile"
								}
							]
						  }
	                    </d:wg>
                        <!-- <div class="user_box">
                            <div class="no_login tool-drop-nav user_position hide">
                                <a href="javascript:void (0)" class="profile">
                                         <span class="img_box">
                                               <img src="m/index/images/default.png">
                                         </span>
                                    <em></em>
                                </a>
                                <div class="user_pop tool-drop-con">
                                    <div class="login_bt">
                                        <a class="primary_bt">立即登录</a>
                                    </div>
                                    <div class="login_tip">
                                        没有账号?
                                        <a href="m/index/javascript:void (0)" class="sign">立即注册</a>
                                    </div>
                                </div>
                            </div>
                            <div class="login tool-drop-nav user_position">
                                <a href="m/index/javascript:void (0)" class="profile">
                                         <span class="img_box">
                                               <img src="m/index/images/default.png">
                                         </span>
                                    <em></em>
                                </a>
                                <div class="user_pop menu_pop tool-drop-con">
                                    <ul>
                                        <li><a href="m/index/javascript:void (0);"><span><em class="p_center"></em>个人信息</span></a></li>
                                        <li><a href="m/index/javascript:void (0);"><span><em class="m_message"></em>我的消息</span></a></li>
                                        <li><a href="m/index/javascript:void (0);"><span><em class="p_set"></em>密码修改</span></a></li>
                                        <li><a href="m/index/javascript:void (0);"><span><em class="s_quit"></em>安全退出</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div> -->
                        
                    </div>
                    <div id="data_nav_bar" class="nav_bar">
                        <div class="nav">
                            <ul>
	                            <li class="active"><a href="index.html">首页</a></li>
	                            <li><a href="index.jsp#exam">示例</a></li>
	                            <li><a href="index.jsp#exp">体验</a></li>
	                            <li><a href="index.jsp#doc">文档</a></li>
	                            <li><a href="index.jsp#download">下载</a></li>
	                            <li><a href="index.jsp#community">社区</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- content -->
            <div id="frame_maincontent" role="main" aria-label="主体区块" class="main no-padding">
                <div id="frame_row1" class="white_bg">
                    <div id="data_index_focus">
                        <div class="index_focus">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a  href="javascript:void(0);" id="play">
                                            <div class="slide_bg" style="background-image: url('m/index/images/index_focus_01.jpg')">
                                                <div class="play">
                                                    <i class="icon_play"></i>
                                                    播放视频
                                                </div>
                                                <div class="inner_wrapper">
                                                    <div class="f1_01 f_0">
                                                        <img src="m/index/images/f1_p_01.png"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a  href="javascript:void(0);">
                                            <div class="slide_bg" style="background-image: url('m/index/images/index_focus_02.jpg')">
                                                <div class="inner_wrapper">
                                                    <div class="f2_01 f_0">
                                                        <img src="m/index/images/f2_p_01.png"/>
                                                    </div>
                                                    <div class="f2_02 f_0">
                                                        <img src="m/index/images/f2_p_02.png"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a  href="javascript:void(0);">
                                            <div class="slide_bg" style="background-image: url('m/index/images/index_focus_03.jpg')">
                                                <div class="inner_wrapper">
                                                    <div class="f3_01 f_0">
                                                        <img src="m/index/images/f3_p_01.png"/>
                                                    </div>
                                                    <div class="f3_02 f_0">
                                                        <img src="m/index/images/f3_p_02.png"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="pagination_wrapper">
                                    <div class="pagination"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="frame_row2" class="enter_row">
                    <div id="data_enter_link" class="enter_link">
                        <ul class="clearfix">
                            <li>
                                <div class="enter_wrapper">
                                    <a href="index.jsp#download@downloads" target="_top" onclick="top.location.reload()" title="源码免费下载">
                                        <i class="enter_link_icon icon_01"></i>
                                        <div class="title">源码免费下载<p class="desc">DFish免费开源啦</p></div>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="enter_wrapper">
                                    <a href="index.jsp#exam" target="_top" onclick="top.location.reload()" title="产品演示">
                                        <i class="enter_link_icon icon_02"></i>
                                        <div class="title">产品演示<p class="desc">在线体验DFish</p></div>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="enter_wrapper">
                                    <a href="index.jsp#doc" target="_top" onclick="top.location.reload()" title="产品文档">
                                        <i class="enter_link_icon icon_03"></i>
                                        <div class="title">产品文档<p class="desc">走进DFish的百科全书</p></div>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="enter_wrapper no-border" title="更新日志">
                                    <a href="index.jsp#download@updates" target="_top" onclick="top.location.reload()" title="更新日志">
                                        <i class="enter_link_icon icon_04"></i>
                                        <div class="title">更新日志<p class="desc">关注DFish的成长过程</p></div>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="frame_row3" class="row_bg_blue">
                    <div id="data_yxtx" class="display_row">
                        <div class="title">优秀特性</div>
                        <div class="con">
                            <div class="yxtx">
                                <ul class="clearfix">
                                    <li>
                                        <a>
                                            <div class="function_bt bt_01"><img class="function_icon" src="m/index/images/t_01.png"/></div>
                                            <div class="function_title">功能全面</div>
                                            <div class="function_tip">
                                                <div class="tip_con">涵盖流行框架特色功能，独创多种全新操作模式。</div>
                                                <em class="arrow"></em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="function_bt bt_02"><img class="function_icon" src="m/index/images/t_02.png"/></div>
                                            <div class="function_title">用户体验</div>
                                            <div class="function_tip">
                                                <div class="tip_con">屏蔽各种浏览器之间的差异，提供良好的开发体验。</div>
                                                <em class="arrow"></em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="function_bt bt_03"><img class="function_icon" src="m/index/images/t_03.png"/></div>
                                            <div class="function_title">开源免费</div>
                                            <div class="function_tip">
                                            <div class="tip_con">开源基于APACHE2协议，支持商业和非商业用户的免费使用和任意修改。</div>
                                            <em class="arrow"></em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="function_bt bt_04"><img class="function_icon" src="m/index/images/t_04.png"/></div>
                                            <div class="function_title">定制下载</div>
                                            <div class="function_tip">
                                                <div class="tip_con">细粒度拆分核心代码，提供可视化功能选择和自定义下载。</div>
                                                <em class="arrow"></em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="function_bt bt_05"><img class="function_icon" src="m/index/images/t_05.png"/></div>
                                            <div class="function_title">专业稳定</div>
                                            <div class="function_tip tip5">
                                                <div class="tip_con">榕基专业团队持续跟进，上千自动化测试用例支持。</div>
                                                <em class="arrow"></em>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="frame_row4" class="row_bg_white">
                    <div id="data_tssl" class="display_row">
                        <div class="title">特色示例</div>
                        <div class="con">
                            <div class="tssl">
                                <ul class="clearfix card_area">
                                    <li class="card_item">
                                        <div class="exp_wrapper">
                                            <div class="cart_title">
                                                <div class="content">
                                                    <i class="cart_icon icon_01"></i>
                                                    <h2>特色组件</h2>
                                                    <p class="desc">我们比较有特色的组件</p>
                                                </div>
                                            </div>
                                            <div class="cart_content">
                                                <ul>
                                                    <li><a href="index.jsp#exam@file@1bajt08uc15o0000" target="_top" onclick="top.location.reload()">日期选择框</a></li>
                                                    <li><a href="index.jsp#exam@file@1balpqorbr6q0000" target="_top" onclick="top.location.reload()">树形组件</a></li>
                                                    <li><a href="index.jsp#exam@file@1bajl6fhs15o0000" target="_top" onclick="top.location.reload()">网格布局</a></li>
                                                </ul>
                                                <a class="more_bt" href="index.jsp#exam@folder@U0000000000000000" target="_top" onclick="top.location.reload()" title="查看更多">查看更多</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="card_item active">
                                        <div class="exp_wrapper">
                                            <div class="cart_title">
                                                <div class="content">
                                                    <i class="cart_icon icon_02"></i>
                                                    <h2>特色套件</h2>
                                                    <p class="desc">结合了我们几个套件以及后台数据服务达到一些功能</p>
                                                </div>
                                            </div>
                                            <div class="cart_content">
                                                <ul>
                                                    <li><a href="index.jsp#exam@file@1balpqorbr6q0000" target="_top" onclick="top.location.reload()">树局部展开定位</a></li>
                                                    <li><a href="index.jsp#exam@file@1bam9cglor6q0000" target="_top" onclick="top.location.reload()">可变编辑表格</a></li>
                                                   	<li><a href="index.jsp#exam@file@1baoaikp5r6q0000" target="_top" onclick="top.location.reload()">组合框</a></li>
                                                </ul>
                                                <a class="more_bt" href="index.jsp#exam@folder@U0000000000000000" target="_top" onclick="top.location.reload()" title="查看更多">查看更多</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="card_item">
                                        <div class="exp_wrapper">
                                            <div class="cart_title">
                                                <div class="content">
                                                    <i class="cart_icon icon_03"></i>
                                                    <h2>扩展功能</h2>
                                                    <p class="desc">扩展功能是指dfish除了UI的部分还有在底层提供的比较有特色的功能</p>
                                                </div>
                                            </div>
                                            <div class="cart_content">
                                                <ul>
                                                    <li><a href="index.jsp#exam@file@1bamp9th6r6q0000" target="_top" onclick="top.location.reload()">校验码</a></li>
                                                    <li><a href="index.jsp#exam@file@1bamq7unsr6q0000" target="_top" onclick="top.location.reload()">加解密</a></li>
                                                    <li><a href="index.jsp#exam@file@1bamu5ne3r6q0000" target="_top" onclick="top.location.reload()">行政区划文字智能识别</a></li>
                                                </ul>
                                                <a class="more_bt" href="index.jsp#exam@folder@U0000000000000000" target="_top" onclick="top.location.reload()" title="查看更多">查看更多</a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--< div id="frame_row5" class="row_bg_blue">
                    <div id="data_xsyd" class="display_row">
                        <div class="title">新手引导
                            <p class="sec_title">全方位系统认识DFish，全平台多组合版本，稳固的底层架构，强大的延伸性，是系统开发平台的不二选择。</p>
                        </div>
                        <div class="con">
                            <div class="guide_slide">
                                <div class="preview">
                                    <div class="swiper-container">
                                        <p class="allline"></p>
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide active-nav">
                                                <a class="top_line" href="m/index/javascript:void(0);"><em></em>认识DFish</a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a class="top_line" href="m/index/javascript:void(0);"><em></em>技术支持</a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a class="top_line" href="m/index/javascript:void(0);"><em></em>部署安装</a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a class="top_line" href="m/index/javascript:void(0);"><em></em>多版本</a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a class="top_line" href="m/index/javascript:void(0);"><em></em>产品整合</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="view">
                                    <a class="arrow-left" href="#"></a>
                                    <a class="arrow-right" href="#"></a>
                                    <div class="swiper-container">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="content_wrapper">
                                                    <div class="content">
                                                        <h2>认识DFish</h2>
                                                        <p class="desc">
                                                            RJ-DFish开发框架提供各企事业单位内部信息化建设的应用开发基础平台，
                                                            可解决当前信息化建设所存在的诸多问题，通过该框架构建信息化应用，
                                                            能够有效统一各应用系统的体系架构、开发标准、组件和接口标准，
                                                            能够实现各应用系统的统一开发模式、开发方法和开发标准，让各应用
                                                            系统之间复用公共组件功能和服务，最终实现各单位信息化建设的标准化、
                                                            统一化、平台化...<a class="p-color">[详情]</a>
                                                        </p>
                                                    </div>
                                                    <div class="img_box">
                                                        <img src="m/index/images/intro_01.jpg" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="content_wrapper">
                                                    <div class="content">
                                                        <h2>技术支持</h2>
                                                        <p class="desc">
                                                            RJ-DFish开发框架提供各企事业单位内部信息化建设的应用开发基础平台，
                                                            可解决当前信息化建设所存在的诸多问题，通过该框架构建信息化应用，
                                                            能够有效统一各应用系统的体系架构、开发标准、组件和接口标准，
                                                            能够实现各应用系统的统一开发模式、开发方法和开发标准，让各应用
                                                            系统之间复用公共组件功能和服务，最终实现各单位信息化建设的标准化、
                                                            统一化、平台化...<a class="p-color">[详情]</a>
                                                        </p>
                                                    </div>
                                                    <div class="img_box">
                                                        <img src="m/index/images/intro_02.jpg" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="content_wrapper">
                                                    <div class="content">
                                                        <h2>部署安装</h2>
                                                        <p class="desc">
                                                            RJ-DFish开发框架提供各企事业单位内部信息化建设的应用开发基础平台，
                                                            可解决当前信息化建设所存在的诸多问题，通过该框架构建信息化应用，
                                                            能够有效统一各应用系统的体系架构、开发标准、组件和接口标准，
                                                            能够实现各应用系统的统一开发模式、开发方法和开发标准，让各应用
                                                            系统之间复用公共组件功能和服务，最终实现各单位信息化建设的标准化、
                                                            统一化、平台化...<a class="p-color">[详情]</a>
                                                        </p>
                                                    </div>
                                                    <div class="img_box">
                                                        <img src="m/index/images/intro_03.jpg" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="content_wrapper">
                                                    <div class="content">
                                                        <h2>多版本</h2>
                                                        <p class="desc">
                                                            RJ-DFish开发框架提供各企事业单位内部信息化建设的应用开发基础平台，
                                                            可解决当前信息化建设所存在的诸多问题，通过该框架构建信息化应用，
                                                            能够有效统一各应用系统的体系架构、开发标准、组件和接口标准，
                                                            能够实现各应用系统的统一开发模式、开发方法和开发标准，让各应用
                                                            系统之间复用公共组件功能和服务，最终实现各单位信息化建设的标准化、
                                                            统一化、平台化...<a class="p-color">[详情]</a>
                                                        </p>
                                                    </div>
                                                    <div class="img_box">
                                                        <img src="m/index/images/intro_04.jpg" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="content_wrapper">
                                                    <div class="content">
                                                        <h2>产品整合</h2>
                                                        <p class="desc">
                                                            RJ-DFish开发框架提供各企事业单位内部信息化建设的应用开发基础平台，
                                                            可解决当前信息化建设所存在的诸多问题，通过该框架构建信息化应用，
                                                            能够有效统一各应用系统的体系架构、开发标准、组件和接口标准，
                                                            能够实现各应用系统的统一开发模式、开发方法和开发标准，让各应用
                                                            系统之间复用公共组件功能和服务，最终实现各单位信息化建设的标准化、
                                                            统一化、平台化...<a class="p-color">[详情]</a>
                                                        </p>
                                                    </div>
                                                    <div class="img_box">
                                                        <img src="m/index/images/intro_05.jpg" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
                <div id="frame_row6" class="box_bg">
                    <div class="box_content vedio_box close">
                        <h2>2017年DFish开源发布<a href="#" class="close-reveal-model">×</a></h2>
                        <div class="con">
                            <div class="phone_play" id="fancyplayer">
                                <div class="fancyplayer-box-wrap">
                                    <div class="fancyplayer-box">
                                        <div class="fancyplayer-wrap">
                                            <video style="max-width:100%; max-height:100%;" src="m/index/video/v1.mp4" type="video/mp4" id="player" controls preload="none" poster="m/index/images/poster.jpg"></video>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- content end-->

            <div id="frame_footer" class="footer clearfix">
                <div id="data_row_footer" class="row">
                    <div class="clearfix">
                        <div class="sub_nav clearfix">
                            <!-- <div class="nav_wrapper">
                                <div class="nav_title">DFish产品</div>
                                <ul class="nav_ul">
                                    <li><a href="m/index/javascript:void(0);" title="多证合一">多证合一</a></li>
                                    <li><a href="m/index/javascript:void(0);" title="大宗散货">大宗散货</a></li>
                                    <li><a href="m/index/javascript:void(0);" title="党员e家">党员e家</a></li>
                                    <li><a href="m/index/javascript:void(0);" title="更多产品">更多产品&gt;&gt;</a></li>
                                </ul>
                            </div> -->
                            <div class="nav_wrapper">
                                <div class="nav_title">关于我们</div>
                                <ul class="nav_ul">
                                    <li><a href="http://www.rongji.com" title="公司介绍">公司介绍</a></li>
                                    <li><a href="index.jsp#download@downloads" target="_top" onclick="top.location.reload()" title="文档下载">文档下载</a></li>
                                    <li><a href="index.jsp#download@updates" target="_top" onclick="top.location.reload()" title="历史版本">历史版本</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="contact">
                           <!--  <div class="ew_code">
                                <img src="m/index/images/phone_ewcode.jpg">
                                <span>手机版</span>
                            </div> -->
                            <ul class="sns clearfix">
                                <li>
                                    <a href="http://weibo.com/rongji">
                                        <img src="m/index/images/sns_weibo.png"/>
                                        <span>新浪微博</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="mailto:dfishteam@qq.com">
                                        <img src="m/index/images/sns_youxian.png"/>
                                        <span>电子邮箱</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="copyright row">
                        <p><!-- <span class="hidden-for-small">闽ICP备05028189号</span> -->&nbsp;&nbsp;<span>版权所有：福建榕基软件股份有限公司 © 2008-2017</span><span class="hidden-for-small"> Rongji Software Corporation</span></p>
                    </div>
                </div>

            </div>

        </div>
    </div>
    <!-- <div id="frame_menu" class="menu_box">
        <div id="frame_menu_container" class="swiper-container swiper-container-horizontal">
            <div id="data_swiper" class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
                <div class="swiper-slide menu menu_list_warpper">
                    <div class="menu_nav">
                        <div class="menu_home">
                            <img src="m/index/images/logo_hover.png">
                        </div>
                        <ul class="menu_ul">
                            <li class="active"><a href="index.html">首页</a></li>
                            <li><a href="index.jsp#exam">示例2</a></li>
                            <li><a href="index.jsp#exp">体验</a></li>
                            <li><a href="index.jsp#doc">文档</a></li>
                            <li><a href="index.jsp#download">下载</a></li>
                            <li><a href="index.jsp#community">社区</a></li>
                        </ul>
                        <div class="content_block">
                            <p>Dfish框架主要包括视图面板、模板、布局以及表单、报表等公共组件，
                                提供了灵活可扩展的封装解析引擎、MVC集成优化框架，
                                基于J2EE及ALL-AJAX技术架构（即应用页面交互全面采用AJAX），
                                丰富展现富客户端（RIA）所带来的所见即所得，让用户体验更加友好，
                                应用开发更为高效。 </p>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide swiper-slide-active  content swiper-slide-next con_warpper" data-set="menu_">
                </div>
            </div>
        </div>
        <div id="frame_more_js1">
            <div id="data_more_js1">
                <script src="m/index/javascript/AppendAround.js"></script>移动代码
                <script src="m/index/javascript/swiper.min.js"></script>
                <script src="m/index/javascript/main.js"></script>
            </div>
        </div>
    </div> -->
    <div id="frame_more_js">
        <div id="data_more_js">
            <script src="m/index/javascript/idangerous.swiper.min.js"></script>
            <!--视频播放fancyplayer相关CSS和JS文件-->
            <link href="m/index/style/fancyplayer.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" src="m/index/javascript/jquery.fancyplayer.js"></script>
            <script>
                /*焦点图全屏响应*/
                $(function(){
                    fullPageIndexF();
                });
                $(window).resize(function(){
                    fullPageIndexF();
                });
                /*首页焦点图*/
                var mySwiper_focus = new Swiper1('.index_focus .swiper-container',{
                    pagination: '.index_focus .pagination',
                    paginationClickable: true,
                    autoplay : 3000,
                    autoplayDisableOnInteraction : false,
                    //loop:true,
                    speed:800,
                    resizeReInit : true,
                    moveStartThreshold: 50,
                    onTouchMove: function(swiper){
                        if(get_w()<769){
                            swiperM.disableTouchControl();
                        }
                    },
                    onSlideChangeStart: function(swiper){

                    }
                });
                mySwiper_focus.wrapperTransitionEnd(function(){
                    if(get_w()<769) {
                        swiperM.enableTouchControl();
                    }
                },true);

                /*设置焦点图大小*/
                function fullPageIndexF(){
                    var windowW=$(window).width();
                    var windowH=$(window).height();
                    var indexFocus=$('.index_focus');
                    if(windowW>768){
                        if(windowH<910){
                            if(windowH>=650){
                                $(indexFocus).css('height',windowH);
                            }else{
                                $(indexFocus).css('height',650);
                            }

                        }
                    }
                    else{
                        $(indexFocus).removeAttr('style');
                    }
                    setImgP();
                    mySwiper_focus.reInit();
                }

                /*设置焦点图的主题响应大小*/
                function setImgP(){
                    $('.index_focus .inner_wrapper img').each(function(){
                        $(this).load(function(){

                        });
                        var windowW=$(window).width();
                        var w=0;
                        if(windowW>768){
                            w=14;
                        }
                        var h=$(this).height();
                        $(this).parent().css('margin-top',-(h/2+w));
                    });
                }


                /*新手引导*/
                /*
                var viewSwiper = new Swiper1('.view .swiper-container', {
                    onSlideChangeStart: function() {
                        updateNavPosition()
                    },
                    //禁止左滑菜单
                    onTouchMove: function(swiper){
                        if(get_w()<769){
                            swiperM.disableTouchControl();
                        }
                    }
                });
                //禁止左滑菜单
                viewSwiper.wrapperTransitionEnd(function(){
                    if(get_w()<769) {
                        swiperM.enableTouchControl();
                    }
                },true);

                $('.view .arrow-left,.preview .arrow-left').on('click', function(e) {
                    e.preventDefault()
                    if (viewSwiper.activeIndex == 0) {
                        viewSwiper.swipeTo(viewSwiper.slides.length - 1, 1000);
                        return
                    }
                    viewSwiper.swipePrev()
                });
                $('.view .arrow-right,.preview .arrow-right').on('click', function(e) {
                    e.preventDefault()
                    if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
                        viewSwiper.swipeTo(0, 1000);
                        return
                    }
                    viewSwiper.swipeNext()
                });

                var previewSwiper = new Swiper1('.preview .swiper-container', {
                    visibilityFullFit: true,
                    slidesPerView: 'auto',
                    onlyExternal: true,
                    onSlideClick: function() {
                        viewSwiper.swipeTo(previewSwiper.clickedSlideIndex)
                    }
                });

                function updateNavPosition() {
                    $('.preview .active-nav').removeClass('active-nav')
                    var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
                    if (!activeNav.hasClass('swiper-slide-visible')) {
                        if (activeNav.index() > previewSwiper.activeIndex) {
                            var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
                            previewSwiper.swipeTo(activeNav.index() - thumbsPerNav)
                        } else {
                            previewSwiper.swipeTo(activeNav.index())
                        }
                    }
                }
			*/


                $(function() {
                    /*播放器初始化*/
                    //initPlayer();

                });
                var player_;
                function initPlayer(){
                    player_=$('#fancyplayer').fancyplayer({
                        player: "video",
                        width:'100%',
                        height:'100%'
                    });
                }
                /*视频窗口隐藏与显示*/
                $('.close-reveal-model').click(function(){
                    $('.box_bg').hide();
                    $('.vedio_box').removeClass('open');
                    $('.vedio_box').addClass('close');

                    initPlayer();

                });
                $('#play').on('click',function(){
                    $('.box_bg').show();
                    $('.vedio_box').removeClass('close');
                    $('.vedio_box').addClass('open');

                    initPlayer();

                });



                /*卡片展示js*/
                $('.card_area li').hover(function(){
                    $(this).siblings().removeClass('active');
                    $(this).addClass('active');
                },function(){
                    //
                });
                /*设置卡片宽度*/
                function setCartW(){
                    var ulW=$('.card_area').width();
                    var cartItemW=(ulW-4)/3;
                    $('.card_area .card_item .exp_wrapper').css('width',cartItemW);
                }
                $(function(){
                    setCartW();
                });
                $(window).resize(function(){
                    setCartW();
                });

            </script>
        </div>
    </div>
</div>
</body>
</html>